/*
    Document   : style
    Created on : 20/05/2011, 13:19:36
    Author     : CarlosMagno
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

      #geral {
        margin: 0 auto;
        background: white;
        width: 796px;
      }

      #cabecalho {
        margin: 0;
        padding: 0;
        width: 796px;
        height: 180px;
        background: white;
      }

      #loging{
          margin: 0;
          width: 796px;
          height: 400px;
          background: white;
        }
        
       #logine{
          margin: 5px;
          float: left;
          width: 376px;
          height: 400px;
          background: white;
        }
        
        #loginc{
          width: 4px;
          height: 400px;
          background: #b2d1ff;
          float: left;
        }
        
        #logind{
          float: right;
          margin: 5px;
          width: 376px;
          height: 400px;
          background: white;
        }


      #menu{
          background-image: url("/ccevents/images/sub_top_border_bg.gif");
          background-repeat:repeat-x;
          padding: 10px 0;
          margin: 0;
          width: 796px;
          height: 20px;
        }

      #meio {
        margin: 0;
        background: white;
        overflow: hidden;
      }

      #esquerda {
        margin: 5px;
        padding: 5px;
        width: 200px;
        float: left;
        background-color: #0066cc;
      /*      #6495ED;*/
      }

      #escopo {
        margin: 5px ;
        width: 366px;
        padding: 5px;
        float: left;
        background: white;
      }
      .escopoe{
          float:left;
          width: 175px;
}
      .escopod{
          float:right;
          width: 175px;
}
    .escopog{
          overflow: hidden;
          width: 366px;
    }
    .escopot{
          width: 366px;
          background: #E8E8E8;
    }

    .tituloe{
        font-family:arial, verdana, sans-serif;
        color: #0066cc;
        font-size: 16px;
    }
    .tituloe:hover{
        font-family:arial, verdana, sans-serif;
        color: #000000;
        font-size: 16px;
    }
    .textoe{
        font-family:arial, verdana, sans-serif;
        color:  #000000;
        font-size: 13px;
    }
    .textoe:hover{
        font-family:arial, verdana, sans-serif;
        color: #0066cc;
        font-size: 13px;
    }

     .texton{
        font-family:arial, verdana, sans-serif;
        color: #0066cc;
        font-size: 11px;
      }
      .texton:hover{
        font-family:arial, verdana, sans-serif;
        color: #000000;
        font-size: 11px;
      }

      #direita {
        margin: 5px;
        padding: 5px;
        width: 170px;
        float: right;
        background-color: #0066cc;
            /*#6495ED;*/
      }

      #rodape{
        background-image: url("/ccevents/images/footer_bg.gif");
        background-repeat:repeat-x;
        padding: 5px 5px;
        width: 786px;
        height: 30px;
      }

      .font{
        font-style: italic;
        font-size: 20px;
      }

      body {
          background-image: url("/ccevents/images/bg.gif");
          background-repeat:repeat-x;
          background-repeat:repeat-y;
          background-color: #CFCFCF;
      }

      .fonterodape{
        font-family:arial, verdana, sans-serif;
        font-size: 15px;
      }

      .tabeladireito{
        background: white;

        }

      .titulodireito{
        font-family:arial, verdana, sans-serif;
        color: #6495ED;
        font-size: 14px;
      }
      .titulodireito:hover{
        font-family:arial, verdana, sans-serif;
        color: #6495ED;
        font-size: 14px;
        }

      .textodireito{
        font-family:arial, verdana, sans-serif;
        color: black;
        font-size: 12px;
      }
      .textodireito:hover{
        font-family:arial, verdana, sans-serif;
        color: #6495ED;
        font-size: 12px;
      }



        a        {
		color: black;
                text-decoration:none;
	}

        a:link {
		color: black;
                text-decoration:none;
	}

        a:visited {
		color: black;
                text-decoration:none;
	}

        a:hover {
		color: blue;
                text-decoration:none;
	}

        .botao3d	{
		display: block;
		border-color: #999 #000 #000 #999;
		border: 1px solid;
		width: 90px;
		padding: 10px;

		background: #6495ED;
		color: #000;

		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}

        .botao3d:hover	{
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #000 #999 #999 #000;
                color: white    ;
		background: #3A5FCD;
		}

               




  /*Desenhos nos botões
       
.home {
	background: url(/ccevents/images/home.png) no-repeat 9px 8px;
	text-indent: 40px;
	display: block;
}

.usuario {
	background: url(/ccevents/images/usuario.png) no-repeat 9px 8px;
	text-indent: 40px;
	display: block;
}

.email {
	background: url(/ccevents/images/email.png) no-repeat 9px 8px;
	text-indent: 40px;
	display: block;
}
.calendario {
	background: url(/ccevents/images/calendario.png) no-repeat 9px 8px;
	text-indent: 40px;
	display: block;
}

.senha {
	background: url(/ccevents/images/acesso.png) no-repeat 9px 8px;
	text-indent: 40px;
	display: block;
} 
*/

/* Menu Vertical */
#menu2 ul {
padding: 0; display: block;
margin: 0; list-style-type: none;
}

#menu2 ul li {
padding: 0; margin: 0;
font-size: 16px; width: 200px;
}

#menu2 ul li a {
padding: 1px 0 1px 6px; margin: 0;
border: 1px solid #E5E5E5; display: block;
text-decoration: none;
font-family:arial, verdana, sans-serif;
font-size: 14px;
color: black;
background: #1E90FF;
    /*#3A5FCD;*/

}

#menu2 ul li a:hover {
background: #b2d1ff;
/*background: #FAFAFA;*/
border: 1px solid #D5D5D5;
padding: 1px 0 1px 6px; color: #666;
}

#menu2 ul li ol {
padding: 0; margin: 0;
font-size: 11px; width: 140px;
}

#menu2 ul li ol a {
padding: 1px 0 1px 11px; margin: 0;
border: 1px solid #e1f3e3; display: block;
background: #f1fdf3;
text-decoration: none;
color: #B5B5B5;
}

#menu2 ul li ol a:hover {
background: #fefefe; border: 1px solid #79a7e2;
padding: 1px 0 1px 11px; color: #000;
}